<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8" />
        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
        <!-- =============== PAGE TITLE =============== -->
        <title>能源简讯-不可再生资源计划系统</title>
        <!-- ============= FAVICON ICON ============= -->
        <link rel="shortcut icon" href="./assets/img/favicon.ico" />
        <!-- ============= VENDORS CSS ============= -->
        <link rel="stylesheet" href="./assets/css/vendors/icons.css" />
        <link rel="stylesheet" href="./assets/css/vendors/slick.css" />
        <link rel="stylesheet" href="./assets/css/vendors/slick-theme.css" />

        <link rel="stylesheet" href="./assets/css/vendors/metismenu.css" />
        <link rel="stylesheet" href="./assets/css/vendors/bootstrap.min.css" />

        <!-- ============= MAIN CSS ============= -->
        <link rel="stylesheet" href="./assets/css/style.css" />
    </head>

    <body>
        <!-- SCROLL TO TOP -->
        <div class="progress-wrap">
            <svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
                <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" />
            </svg>
        </div>
        <!-- ============= HEADER ============= -->
        <header class="header-wrapper">
            <div class="header-content">
                <div class="content-left">
                    <div class="logo-wrapper">
                        <!-- 第一处 -->
                        <a href="index.html" class="main-logo">
                            <img src="./assets/img/newlog-logo.png" alt="能源简讯" />
                        </a>
                    </div>
                    <nav class="main-nav">
                        <ul class="navmenu-items">
                            <li class="navmenu-item"><a href="index.html" class="navmenu-link">主页</a></li>
                            <li class="navmenu-item submenu-wrapper">
                               
                            </li>
                            <li class="navmenu-item">
                                <a href="#" class="navmenu-link">政策法规 </a>
                            </li>
                            <li class="navmenu-item mega-menu-wrapper">
                                <a href="#" class="navmenu-link"
                                    >技术创新
                                    <span class="icon">
                                        <i class="fal fa-chevron-down"></i>
                                    </span>
                                </a>
								<!-- A start -->
                                <div class="mega-menu-content">
                                    <div class="row">
                                        <div class="col-lg-3">
                                            <div class="recent-post-card">
                                                <div
                                                    class="card-thumb bg-cover"
                                                    style="background-image: url('./assets/img/recent-post/thumb1.png')"
                                                ></div>
                                                <div class="card-content">
                                                    <div class="post-meta">
                                                        <span class="meta-item"> 风电 </span>
                                                        <span class="meta-item"> 2023-06-14 10:12 </span>
                                                    </div>
                                                    <a href="#">
                                                        <h3 class="heading-secondary">
                                                            100%自主知识产权！16兆瓦海上风电机组超长叶片启运
                                                        </h3>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="recent-post-card">
                                                <div
                                                    class="card-thumb bg-cover"
                                                    style="background-image: url('./assets/img/recent-post/thumb2.png')"
                                                ></div>
                                                <div class="card-content">
                                                    <div class="post-meta">
                                                        <span class="meta-item"> 油气 </span>
                                                        <span class="meta-item"> 2023-06-15 09:30 </span>
                                                    </div>
                                                    <a href="#">
                                                        <h3 class="heading-secondary">
                                                            全球首艘M350型浮式生产储卸油船在辽宁大连开启首航

                                                        </h3>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="recent-post-card">
                                                <div
                                                    class="card-thumb bg-cover"
                                                    style="background-image: url('./assets/img/recent-post/thumb3.png')"
                                                ></div>
                                                <div class="card-content">
                                                    <div class="post-meta">
                                                        <span class="meta-item"> 波浪能 </span>
                                                        <span class="meta-item"> 2023-06-15 11:14 </span>
                                                    </div>
                                                    <a href="#">
                                                        <h3 class="heading-secondary">
                                                            我国自主研发，​“南鲲”试运行！每天可发电2.4万度
                                                        </h3>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                        <div class="col-lg-3">
                                            <div class="recent-post-card">
                                                <div
                                                    class="card-thumb bg-cover"
                                                    style="background-image: url('./assets/img/recent-post/thumb4.png')"
                                                ></div>
                                                <div class="card-content">
                                                    <div class="post-meta">
                                                        <span class="meta-item"> 碳捕捉与封存 </span>
                                                        <span class="meta-item"> 2023-06-07 08:50 </span>
                                                    </div>
                                                    <a href="#">
                                                        <h3 class="heading-secondary">
                                                            海上采油 海底存碳：国内首个示范工程在南海投用
                                                        </h3>
                                                    </a>
                                                </div>
                                            </div>
                                        </div>
                                    </div>
                                </div>
								<!-- A over -->
                            </li>

                        
                            </li>
                        </ul>
                    </nav>
                </div>
                <div class="content-right">
                    <span class="header-search-icon">
                        <i class="fas fa-search"></i>
                    </span>
                    <div class="search-box">
                        <div class="search-input-wrapper d-flex">
                            <input type="text" placeholder="Search here..." />
                            <button type="button" class="search-button">
                                <i class="fas fa-search"></i>
                            </button>
                        </div>
                    </div>
                </div>
            </div>
    </header>


        <!-- ============= NOT FOUND ============= -->
        <div class="not-found-wrapper section-padding" style="background-image: url('./assets/img/404.png')">
            <div class="container">
                <div class="content text-center">
                    <h2 class="heading-primary">哦!</h2>
                    <h3 class="heading-secondary">出错啦！</h3>
                    <p class="body-text">Error 404. 页面未找到</p>
                    <a href="index.html" class="button button-primary">回到主页</a>
                </div>
            </div>
        </div>

       

        <!-- ============= VENDORS JS ============= -->
        <script src="./assets/js/vendors/jquery-1.12.4.min.js"></script>
        <script src="./assets/js/vendors/bootstrap.min.js"></script>
        <script src="./assets/js/vendors/jquery.waypoints.min.js"></script>
        <script src="./assets/js/vendors/slick.min.js"></script>
        <script src="./assets/js/vendors/metismenu.js"></script>

        <!-- ============= MAIN JS ============= -->
        <script src="./assets/js/active.js"></script>
    </body>
</html>
